.ccenter{
    height: 300px;
    overflow: hidden;
    margin-top: 20px;
    width: 100%;
    text-align: center;
    background-color: white;
    position: relative;
}
.ccenter p{
    font-size: 20px;
    font-weight: 800;
}
.ccenter ul{
    width: 100%;
    height: 240px;
    overflow: hidden;
    float: left;
}
.ccenter ul li{
    width: 200px;
    height: 210px;
    float: left;
}
.centerleft ul  img{
    width: 200px;
    height: 200px;
    margin-top: 40px;
    margin-left: 80px;
}
.centerleft ul li a:hover img{
    border: 1px solid;
}
.centerleft>a{
    width: 20px;
    height: 40px;
    color:#fff;
    background-color:rgba(0,0,0,.7);
    text-align: center;
    line-height: 40px;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    text-decoration: none;
}
.centerleft>a.celeft{
    left: 0;
}
.centerleft>a.ceright{
    right: 0;
}